<%@ page import="cn.findviewbydream.evil.main.entity.UserEntity" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
    工程名：HebeuCS
    时间：16-11-3 下午9:09
    作者：白雨濃 evil
    邮箱：evilbai@foxmail.com
    内容：网站首页
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page trimDirectiveWhitespaces="true" %>
<!DOCTYPE html>
<html>
<head>
    <title>河北工程大学·计算机·技术与娱乐论坛</title>
    <%@include file="common/basehead.jsp" %>
    <link href="${pageContext.request.contextPath}/static/css/index.css" rel="stylesheet">

</head>
<body>
<div class="main">

    <%--navbar--%>
    <%@include file="common/navbar.jsp" %>

    <%--轮播--%>
    <div id="top" class="top" style="min-width: 960px">
        <div id="myCarousel" class="carousel slide">
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            </ol>
            <div class="carousel-inner" style="margin:0 auto;">
                <div class="item active">
                    <img src="${pageContext.request.contextPath}/static/image/index_top.jpg" width="100%"
                         alt="First slide">
                </div>
            </div>
            <a class="carousel-control left" href="#myCarousel"
               data-slide="prev">&lsaquo;
            </a>
            <a class="carousel-control right" href="#myCarousel"
               data-slide="next">&rsaquo;
            </a>
        </div>
        <h1 class="title title-text-shadow"><b>河北工程大学</b></h1>
        <h1 class="title title-text-shadow" style="top:130px"><b>计算机技术论坛</b></h1>
        <h1 class="title title-text-shadow" style="top:200px;left:120px;"><b>Hebei University of Engineering CS</b></h1>
        <h1 class="title title-text-shadow" style="top:240px;left:260px"><b>Computer Technology Forum</b></h1>
    </div>

    <%--代码内容--%>
    <%@include file="main/main_code.jsp" %>

    <%--代码行--%>
    <div class="code_div" style="max-width: 1500px;">
        <pre id="typed" style="color: white;margin: 30px;font-size: 15px;background-color: transparent"></pre>
    </div>

    <%--4大模块--%>
    <div class="div-back" style="margin-top: 500px">
        <div style="margin: 100px">
            <div>
                <div style="height: 50px"></div>
                <p class="font-style" style="font-size: 30px">互助互利，共享开源</p>
                <p class="font-style" style="font-size: 20px">代码、资源、音乐、娱乐，在这里有你想要的一切！</p>
            </div>
        </div>

        <div style="width: 100%;height: 300px;position: relative;">
            <ul id="block-list"
                style="list-style:none;margin: auto;text-align: center;display: block;width: 100%;position: relative;">
                <li>
                    <div id="code_area" class="area card">
                        <div>
                            <div class="div-height-30"></div>
                            <img src="${pageContext.request.contextPath}/static/image/daima.png" width="150"
                                 height="150"/>
                        </div>
                        <div id="code_gray" class="card-gray" onmouseout="javascript:off('code')"
                             onmousemove="javascript:on('code')">
                            <h3 id="code_title" style="margin-top:100px;color: transparent"><b>代码讨论区</b></h3>
                        </div>
                    </div>
                </li>
                <li>
                    <div id="res_area" class="area card">
                        <div>
                            <div class="div-height-30"></div>
                            <img src="${pageContext.request.contextPath}/static/image/ziyuan.png" width="150"
                                 height="150"/>
                        </div>
                        <div id="res_gray" class="card-gray" onmouseout="javascript:off('res')"
                             onmousemove="javascript:on('res')">
                            <h3 id="res_title" style="margin-top:100px;color: transparent"><b>资源分享区</b></h3>
                        </div>
                    </div>
                </li>
                <li>
                    <div id="music_area" class="area card">
                        <div>
                            <div class="div-height-30"></div>
                            <img src="${pageContext.request.contextPath}/static/image/djlingyin.png" width="150"
                                 height="150"/>
                        </div>
                        <div id="music_gray" class="card-gray" onmouseout="javascript:off('music')"
                             onmousemove="javascript:on('music')">
                            <h3 id="music_title" style="margin-top:100px;color: transparent"><b>音乐聆听区</b></h3>
                        </div>
                    </div>
                </li>
                <li>
                    <div id="movie_area" class="area card">
                        <div>
                            <div class="div-height-30"></div>
                            <img src="${pageContext.request.contextPath}/static/image/dianying.png" width="150"
                                 height="150"/>
                        </div>
                        <div id="movie_gray" class="card-gray" onmouseout="javascript:off('movie')"
                             onmousemove="javascript:on('movie')">
                            <h3 id="movie_title" style="margin-top:100px;color: transparent"><b>娱乐汇总区</b></h3>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <%--使用人数--%>
    <div class="div-back" style="padding: 20px 100px 25px 100px;">
        <div style="margin: auto;text-align: right">
            <h3>今日使用人数：<i>${accessTimes}</i></h3>
            <p style="font-size: 15px">网站水管较小，不要过分玩弄人家的说呢！人家要是发现谁对我DDOS，信不信我分分钟<b>咬死</b>你丫的！</p>
        </div>
    </div>

    <%--介绍--%>
    <div style="background-size:auto;background: url('${pageContext.request.contextPath}/static/image/content_background.png')">
        <div style="background: rgba(132,132,132,0.5)">
            <div class="content">
                <p class="color-white">
                    本着互助互利的原则，开源的精神，我开发了这个网站，希望大家能够从此网站获得帮助，
                    本网站完全开源，如果您发现有什么错误，bug，欢迎提出批评和修改建议。
                </p>
                <br>
                <p class="color-white">
                    此网站前端由html+jQuery搭建，以后还可能用到AngularJS,这玩意，谁说的准呢？<br>
                    后端是用SSM框架搭建，数据库采用的是MySql。<br>
                    服务器用的是腾讯云服务器，系统是Ubuntu Service 14.04。
                </p>
                <p class="color-white">
                    如果以后用的人多了的话呢，我可能会开发Android版的，至于IOS的，老子不会，不服你来啊！
                </p>
                <p class="color-white">
                    码云的地址：<a style="color: white" href="https://git.oschina.net/findviewbydream/HebeuCS.git">https://git.oschina.net/findviewbydream/HebeuCS.git</a>
                    话说我为什么不用GitHub呢？因为学校的渣网，不多说，都是泪……
                </p>
            </div>
        </div>
        <div class="div-back" style="height: 100px"></div>
    </div>

    <%@include file="common/basebottom.jsp" %>
</div>
</body>
<script src="${pageContext.request.contextPath}/static/js/index.js"></script>
<script src="${pageContext.request.contextPath}/static/js/typed.min.js"></script>
<script>
    $(function ()
    {
        $('#nav-index').addClass("active");
    });

    $(function ()
    {
        $('#code_gray').click(function ()
        {
            location.href = '${pageContext.request.contextPath}/code/index';
        });

        $('#res_gray').click(function ()
        {
            alert(2);
        });

        $('#music_gray').click(function ()
        {
            alert(3);
        });

        $('#movie_gray').click(function ()
        {
            alert(4);
        });
    });

    $(function ()
    {
        $("#typed").typed({
            stringsElement: $('#typed-strings'),
            typeSpeed: 70,
            loop: true
        });
    });
</script>
</html>
